<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>蓝天租车</title>
<link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" tppabs="css/style.css" />
<style>
body{height:100%;background:#16a085;overflow:hidden;}
canvas{z-index:-1;position:absolute;}
</style>
<script type="text/javascript" src="js/jQuery1.7.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/verificationNumbers.js" tppabs="js/verificationNumbers.js"></script>
<script src="js/Particleground.js" tppabs="js/Particleground.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.hover(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
	//粒子背景特效
  $('body').particleground({
    dotColor: '#5cbdaa',
    lineColor: '#5cbdaa'
  });
});
</script>
<script type="text/javascript">
function fang() {
	var password=document.getElementById("mpassword");
	var username=document.getElementById("musername");
	
	if(username.value.length==0 ){
		alert("请输入用户名");
		return false;
	}
	if(password.value.length==0){
		alert("请输入密码");
		return false;
	}
}
function fang2() {
	var password=document.getElementById("mpassword2");
	var username=document.getElementById("musername2");
	
	if(username.value.length==0 ){
		alert("请输入用户名");
		return false;
	}
	if(password.value.length==0){
		alert("请输入密码");
		return false;
	}
}
function fang3() {
	var password=document.getElementById("mpassword3");
	var username=document.getElementById("musername3");
	
	if(username.value.length==0 ){
		alert("请输入用户名");
		return false;
	}
	if(password.value.length==0){
		alert("请输入密码");
		return false;
	}
}
</script>
</head>

<body>
<p style="color: red; font-size: 30px">${msg }</p>
<div id="tab">
	<h1 align="center" style="font-family:'华文琥珀';font-size:50px;color:blue; font-weight：normal;">蓝天租车<h1>
  <ul class="tab_menu">
    <li class="selected">管理员登陆</li>
    <li>普通用户登陆</li>
    <li>普通用户注册</li>
  </ul>
  <div class="tab_box" style="opacity:0.7"> 
	<!-- 管理员登陆-->
    <div>
      <div class="stu_error_box"></div>
      <form action="manager.do" method="post" onsubmit="return fang()" class="stu_login_error">
        <div id="username">
          <label>用户名：</label>
          <input type="text" id="musername" name="musername" value=""/>
        </div>
        <div id="password">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" id="mpassword"  name="mpassword" value=""/>
        </div>
        <div id="remember">
          
        </div>
        <div id="login">
          <button type="submit">登录</button>
        </div>
      </form>
    </div>
<!-- 普通用户登陆-->
    <div class="hide">
     <div class="tea_error_box"></div>
      <form action="userdeng.do" method="post" onsubmit="return fang2()" class="tea_login_error">
        <div id="username">
          <label>用户名：</label>
          <input type="text" id="musername2" name="unamename" value="" />
        </div>
        <div id="password">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" id="mpassword2" name="upassword" value="" />
        </div>
        <div id="remember">
          
        </div>
        <div id="login">
          <button type="submit" >登录</button>
        </div>
      </form>
    </div>
<!-- 普通用户注册-->
    <div class="hide">
    <div class="sec_error_box"></div>
      <form action="userzhu.do" method="post" onsubmit="return fang3()" class="sec_login_error">
        <div id="username">
          <label>用户名：</label>
          <input type="text" id="musername3" name="unamename" value="" />
        </div>
        <div id="password">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" id="mpassword3" name="upassword" value="" />
        </div>
		<div id="remember">
          
        </div>
        <div id="login">
          <button type="submit">注册</button>
        </div>
      </form>
    </div>
  </div>
</div>
</body>
</html>
